// 公共样式表
@mixin Font($font) {
 $size: map-get($font, size);
 $color: map-get($font, color);
 $weight: map-get($font, weight);
 $align: map-get($font, align);

 @if ($size != '') {
  font-size: $size;
 }

 @if ($color != '') {
  color: $color
 }

 @if ($weight != '') {
  font-weight: $weight;
 }

 @if ($align != '') {
  text-align: $align;
 }
}

// 多行省略
@mixin multiline($num) {
 display: -webkit-box;
 -webkit-line-clamp: $num;          /* 限制显示3行 */
 -webkit-box-orient: vertical;    /* 垂直排列 */
 overflow: hidden;                /* 隐藏超出部分 */
 text-overflow: ellipsis;         /* 使用省略号 */
}